import { Component } from '@angular/core';
import { HomeTargetPage } from '../home/home-target/home-target';

import { NavController, NavParams, AlertController, App, LoadingController } from 'ionic-angular';
import { Api } from '../../providers/api-service';

@Component({
	selector: 'page-basic-data',
	templateUrl: 'basic-data.html'
})
export class BasicDataPage {
	basic;
	loading;
	constructor(
		public api: Api,
		public app: App,
		public alertCtrl: AlertController,
		public navCtrl: NavController,
		public navParams: NavParams,
		public loadingCtrl: LoadingController
	) {
		this.basic = { type: null };
	}

	/**
   * 列表选择按钮
   * @param index 
   */
	openPage(index) {
		let type = {};
		switch (index) {
			case 1: //血型
				type = {
					title: '血型',
					aray: [ 'A', 'B', 'O', 'AB' ]
				};
				break;
			case 2: //星座
				type = {
					aray: [
						'白羊座(3月21日-4月19日)',
						'金牛座(4月20日-5月20日)',
						'双子座(5月21日-6月21日)',
						'巨蟹座(6月22日-7月22日)',
						'狮子座(7月23日-8月22日)',
						'处女座(8月23日-9月22日)',
						'天秤座(9月23日-10月23日)',
						'天蝎座(10月24日-11月22日)',
						'射手座(11月23日-12月21日)',
						'摩羯座(12月22日-1月19日)',
						'水瓶座(1月20日-2月18日)',
						'双鱼座(2月19日-3月20日)'
					],
					title: '星座'
				};
				break;
			case 3: //身高
				type = {
					title: '身高'
				};
				break;
			case 4: //体重
				type = {
					title: '体重'
				};
				break;
		}
		this.showRadio(type, index);
	}

	showRadio(ays, key) {
		let alert = this.alertCtrl.create();
		if (key == 1 || key == 2) {
			alert.setTitle('选择' + ays.title);
			for (let index = 0; index < ays.aray.length; index++) {
				let item = ays.aray[index];
				alert.addInput({
					type: 'radio',
					label: item,
					value: item,
					checked: false
				});
			}
		} else {
			alert.setTitle('请填' + ays.title);
			alert.addInput({
				type: 'txt',
				placeholder: '请填写身高（单位:CM）'
			});
		}
		alert.addButton('取消');
		alert.addButton({
			text: '确定',
			handler: (data) => {
				//console.log(JSON.stringify(data));
				switch (key) {
					case 1:
						this.basic.type = data + '型';
						break;
					case 2:
						this.basic.constellation = data;
						break;
					case 3:
						this.basic.height = data['0'] + 'CM';
						break;
					case 4:
						this.basic.width = data['0'] + 'Kg';
						break;
				}
			}
		});
		alert.present();
	}
	nextPage() {
		//console.log('next');
		this.app.getRootNav().push(HomeTargetPage);
		// ext: 'V1/UpdateUserInfo',
		// 	mobile: this.basic
	}
}
